.message {
    position: absolute;
    color: var(--font-color);
    font-size: var(--font-size-small);
    padding: 12px 16px;
    border-radius: 6px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
}
.message-type-success {
    background-color: var(--color-success);
}
.message-type-error {
    background-color: var(--color-error);
}
.message-type-warnning {
    background-color: var(--color-wranning);
}
.message-type-info {
    background-color: var(--color-info);
}